<template>
  <a-card>
    <a-tabs>
      <a-tab-pane key="物料视角-甘特图" tab="物料视角-甘特图">
        <OrderGantt class="gantt" />
      </a-tab-pane>
      <a-tab-pane key="工作中心视角-甘特图" tab="工作中心视角-甘特图">
        <WorkStationGantt class="gantt" />
      </a-tab-pane>
      <a-tab-pane key="任务状态视角-甘特图" tab="任务状态视角-甘特图">
        <StateGantt class="gantt" />
      </a-tab-pane>
      <a-tab-pane key="表格" tab="表格">
        <TableView />
      </a-tab-pane>
    </a-tabs>
  </a-card>
</template>

<script>
import OrderGantt from './OrderGantt';
import WorkStationGantt from './WorkStationGantt';
import StateGantt from './StateGantt';
import TableView from './TableView';

export default {
  name: 'Task',
  components: { OrderGantt, WorkStationGantt, StateGantt, TableView },
  data() {
    return {
      loading: true
    }
  },
  created() {
  }
}
</script>

<style lang="less" scoped>
</style>
